<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>拖拽</title>
    </head>
    <body>
        <div class="app">
            <div class="container native">
                <div class="hangar">
                    <div class="ship">1</div>
                    <div class="ship">2</div>
                    <div class="ship">3</div>
                </div>
                <div class="destination">DROP API</div>
            </div>
            <div class="container sortable">
                <div class="hangar">
                    <div class="ship">1</div>
                    <div class="ship">2</div>
                    <div class="ship">3</div>
                    <div class="ship">4</div>
                    <div class="ship">5</div>
                </div>
                <div class="destination">SORTABLEJS</div>
            </div>
            <div class="container mouse">
                <div class="hangar">
                    <div class="ship">1</div>
                    <div class="ship">2</div>
                    <div class="ship">3</div>
                </div>
                <div class="destination">MOUSE EVENT</div>
            </div>
        </div>

        <!-- 去除拖拽的半透明效果 -->
        <!-- <script type="module" src="/src/lib/draggable-polyfill.js"></script> -->

        <script type="module" src="/src/main.ts"></script>
    </body>
</html>
